<!DOCTYPE html>
<html>
<head>

	<title>Density</title>
	
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width; initial-scale=1.0">
	<link href="../images/favicon.ico" rel="icon" type="image/x-icon" >
	
	<link href="../css/main.css" type="text/css" rel="stylesheet" />
	
	<script src="../js/jquery-1.10.2.min.js" type="text/javascript"></script>
	
	<link href="../plugins/jquery.jqplot.min.css" type="text/css" rel="stylesheet" />
	<script src="../plugins/jquery.jqplot.min.js" type="text/javascript" ></script>
	
	<link href="den.css" type="text/css" rel="stylesheet" />
	<script src="den.js" type="text/javascript"></script>

</head>
<body>
<div class="page">
	
	<div class="t1">
		<div class="row title">Table 1: Mass, Volume, and Density</div>
		<div class="row headers">
			<div class="c"></div>
			<div class="n">Object Name</div>
			<div class="m">Mass (g)</div>
			<div class="v">Volume (cm3)</div>
			<div class="d">Density calculation (g/cm3)</div>
			<div class="x">Delete</div>
		</div>
		<div class="row add">
			<input type="submit" value="Add an object" id="add_obj" data-num="0" />
		</div>
	</div>
		
	
	<div class="graph g1">
		<div class="y_axis">
			<?php for($i=1; $i<10; $i++) { ?>
				<span class="num" data-num="<?php echo $i; ?>"><?php echo $i; ?></span>
			<?php } ?>
		</div>
		
		<div class="title">Densities of Objects</div>
		<div class="grid"></div>
		<div class="x_axis"></div>
	</div>
	
	
	<div class="graph g2">
		<div class="y_axis">
			<?php for($i=1; $i<10; $i++) { ?>
				<span class="num" data-num="<?php echo $i; ?>"><?php echo $i; ?></span>
			<?php } ?>
		</div>
		<div class="x_axis">
			<span class="material" data-density="0.95">HDPE</span>
			<span class="material" data-density="1.1">PS</span>
			<span class="material" data-density="1.3">PVC</span>
			<span class="material" data-density="1.7">Magnesium</span>
			<span class="material" data-density="1.9">Beryllium</span>
			<span class="material" data-density="2.7">Aluminum</span>
			<span class="material" data-density="4.5">Titanium</span>
			<span class="material" data-density="7.1">Zinc</span>
			<span class="material" data-density="7.9">Iron</span>
		</div>
		<div class="bar2_axis"></div>
		
		<div class="title">Densities of Known Objects</div>
		<div class="grid"></div>
	</div>
	
	
</div>

http://goo.gl/wR8604
</body>
</html>